<template>
  <div>
      <van-tabbar v-model="tabBarSelected">
	        <van-tabbar-item name="home" icon="home-o" @click="go_index">首页</van-tabbar-item>
	        <van-tabbar-item name="search" icon="send-gift-o" @click="go_Polular">宣教</van-tabbar-item>
	        <van-tabbar-item name="friends" icon="orders-o" @click="list_dan">订单</van-tabbar-item>
	        <van-tabbar-item name="setting" icon="user-o" @click="go_home">我的</van-tabbar-item>
      </van-tabbar>
   </div>
</template>
<script>
    import {Toast} from 'vant'
    import { Dialog } from 'vant';
    export default {
        data() {
            return {
                tabBarSelected:'home'
            }
        },
         created() {
			    if (this.$route.name == "/") {
			      		this.tabBarSelected ='home';
			    	} else if (this.$route.name == "myself") {
			     		 this.tabBarSelected = 'setting';
			    	} else if (this.$route.name == "Polulartion") {
			     		 this.tabBarSelected = 'search';
			    }else if(this.$route.name == 'listmore'){
			    	this.tabBarSelected = 'friends'

			    }
  		},
        methods:{
        	//点击我的
        	go_home(){
        		this.$router.push({
        			path:'/myself'
        		})
        	},
        	//点击首页
      	go_index(){
      		this.$router.push({
      			path:'/banner'
      		})
      	},
      	//点击科普
      	 go_Polular(){
      	 	 this.$router.push({
      	 	 	path:'/Polulartion'
      	 	 })
      	 },
      	//点击订单

      	go_list(){
      		this.$router.push({
      			path:'/golist'
      		})
      	},
        qrcode_route_contet(){
        		this.$router.push({
        			path:'/qrcode'
        		})
        	},
        	list_dan(){
        		this.$router.push({
        			path:'/listmore'
        		})
        	},
          arrow_content(){


          },
          onClickLeft() {

          },
          onClickRight() {


          },
          get_equ(){

          }
         }
       }
</script>
<style scoped="scoped">
  /**{
    margin: 0;
    padding: 0;
  }*/

 .qrcode_img{
 	display: flex;
 	justify-content: space-between;
 	margin-left: 2vh;
 	margin-right: 2vh;
 	border-bottom: 1px solid #F6F6F6;
 }
 .qrcode_img img{
 	  width: 6vw;
 }
 .banner >>> .van-cell__title{
 	text-align: left;
 }
 .Span_contnt{
 	width: 0.5vw;
 	height: 3vh;
 	display: inline-block;
 	vertical-align: middle;
 	background: #4C9FFD;
 }
 .qrcode_img{
 	height: 5vh;
 	line-height: 5vh;
 }
 .qrcode_img img{
 	vertical-align: middle;
 }
  .jife{
    color: #999999;
    font-size: 12px;
  }
  .banner{
    background: #F6F6F6;
  }
  .coollelt >>> [class*=van-hairline]::after{
    border:none;
  }
  .coollelt>>>.van-icon-home-o:nth-child(1){
    background: #4C9FFD;
    border-radius: 50%;
    color: #FFFFFF;
    padding: 12px;
  }
  .flex_shouye{
    display: flex;
    justify-content: space-around;
    background: #FFFFFF;
    padding: 3vw;

  }
  .flex_shouye div{

    flex: 1;

  }
  #felex_idcon{
    background: #4C9FFD;
    color: #FFFFFF;
  }

  #felex_idcon .jife{
    color: #FFFFFF;
  }
  .flex_shouye div img{
    width: 9vw;
  }
  p{
    margin: 0;
    padding: 0;
  }
  .flex_shouye span{
    font-size: 12px;
  }
</style>

